<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>小薇学院任务一</title>
	</head>

	<body>
		<header>
			<h1>网站一级标题</h1></header>
		<nav>
			<ul>
				<li>
					<a href="index.html">导航链接一</a>
				</li>
				<li>
					<a href="index.html">导航链接二</a>
				</li>
				<li>
					<a href="index.html">导航链接三</a>
				</li>
				<li>
					<a href="index.html">导航链接四</a>
				</li>
			</ul>
		</nav>

		<article>
			<h2>文章一级标题</h2>
			<h2>文章二级标题</h2>

			<p>文章作者 文章发表时间</p>

			<p>这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落, 这是一个很长很长的段落,这是一个很长很长的段落,换行了
				<br/> 这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落, 这是一个很长很长的段落,这是一个很长很长的段落,
				<a href="http://ife.baidu.com/">这里有一个链接链接到http://ife.baidu.com/</a>
				这是一个很长很长的段落,这是一个很长很长的段落,<strong>这里有个粗体字</strong> 这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落, 这是一个很长很长的段落,这是一个很长很长的段落,
				<img src="http://www.runoob.com/images/logo.png" /> 这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落, 这是一个很长很长的段落,这是一个很长很长的段落,换行了
				<br/> 这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落, 这是一个很长很长的段落,这是一个很长很长的段落,
				<a href="http://ife.baidu.com/" target="_blank">这里有一个链接打开新页面链接到http://ife.baidu.com/</a>
				这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落, 这是一个很长很长的段落,这是一个很长很长的段落,
			</p>

		</article>
		<article>
			<h2>另一篇文章文章一级标题</h2>
			<h2>文章二级标题</h2>
			<p>这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落, 这是一个很长很长的段落,这是一个很长很长的段落,换行了
				<br/> 这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落, 这是一个很长很长的段落,这是一个很长很长的段落,
				<a href="http://ife.baidu.com/">这里有一个链接链接到http://ife.baidu.com/</a>
				这是一个很长很长的段落,这是一个很长很长的段落,<strong>这里有个粗体字</strong> 这是一个很长很长的段落,这是一个很长很长的段落,这是一个很长很长的段落, 这是一个很长很长的段落,这是一个很长很长的段落,
				<img src="http://www.runoob.com/images/logo.png" />
				<ul>
					<li>列表项目一</li>
					<li>列表项目二</li>
					<li>列表项目三</li>
				</ul>
				<h2>文图片</h2>
				<div id="pic">
					好看的图片
					<img src="http://www.runoob.com/images/logo.png" />
				</div>
				<div id="pic">
					好看的图片
					<img src="http://www.runoob.com/images/logo.png" />
				</div>
				<div id="pic">
					好看的图片
					<img src="http://www.runoob.com/images/logo.png" />
				</div>
				<div id="pic">
					好看的图片
					<img src="http://www.runoob.com/images/logo.png" />
				</div>
				<div id="pic">
					好看的图片
					<img src="http://www.runoob.com/images/logo.png" />
				</div>
				<div id="pic">
					好看的图片
					<img src="http://www.runoob.com/images/logo.png" />
				</div>
				<div id="pic">
					好看的图片
					<img src="http://www.runoob.com/images/logo.png" />
				</div>
		</article>

		<article>
			<h2>最后一篇文章文章一级标题</h2>
			<h2>文章二级标题</h2>
			<p>文章作者 文章发表时间</p>
			<ol>
				<li>排名1</li>
				<li>排名2</li>
				<li>排名3</li>
			</ol>
			下面是一个表格,给表格加了一个border="1"好让你看出是一个表格
			<table border="1" cellspacing="0" cellpadding="0">
				<tr>
					<th>表头</th>
					<th>表头</th>
					<th>表头</th>
				</tr>
				<tr>
					<td>表内容单元格</td>
					<td>表内容单元格</td>
					<td>
						<a href="">操作</a>
					</td>
				</tr>
				<tr>
					<td>表内容单元格</td>
					<td>表内容单元格</td>
					<td>
						<a href="">操作</a>
					</td>
				</tr>
				<tr>
					<td>表内容单元格</td>
					<td>表内容单元格</td>
					<td>
						<a href="">操作</a>
					</td>
				</tr>
				<tr>
					<td>表内容单元格</td>
					<td>表内容单元格</td>
					<td>
						<a href="">操作</a>
					</td>
				</tr>
				<tr>
					<td>总计</td>
					<td colspan="2"> 1000</td>
					</tr>
			</table>

		</article>
		<aside>
			<h2>这里以后是一个侧栏,这是侧栏的标题</h2>
			<h2>侧栏注册窗口标题</h2>
			<form action="" method="post">
				请输入邮箱地址:<input type="email" id="" value="" placeholder="这是一个文本输入框" /> <br /> 邮箱地址请按要求格式输入
				<br /> 请输入密码 <input type="password" name="" placeholder="这是一个文本输入框" /> 请重复输入密码 <input type="password" name="" placeholder="这是一个文本输入框" />
				<br />密码请为6-16位英文数字<br /> 性别:
				<input type="radio" name="sex" id="sex" value="男">男</input><input type="radio" name="sex" id="sex" value="女">女</input>
				城市:
				<select>
					<option value="bejing">北京</option>
					<option value="tianjin">天津</option>
				</select>
				爱好:<input type="checkbox" name="habit" id="" value="运动">运动</input>
				<input type="checkbox" name="habit" id="" value="艺术" />艺术</input>
				<input type="checkbox" name="habit" id="" value="科学" />科学</input>
				<textarea>这是一个多行输入框,输入您的个人描述</textarea>
				<input type="submit" value="确认提交" />
			</form>
		</aside>
		<footer>
			版权所有©
		</footer>

	</body>

</html>